// 导入vue
import Vue from 'vue'

// 加载和显示svg标签，显示svg图形，全局svg组件
// 引入路径是一个文件夹，默认找index.js或者index.vue
import SvgIcon from '@/components/SvgIcon'

// 全局注册组件 (一次注册，任意.vue文件内使用) 一定要先执行
// Vue.component('组件名',组件对象)
Vue.component('svg-icon', SvgIcon)

/* 了解即可
require.context 实现全段工程自动化(自动化导入模块)，是webpaxk内置api
使用场景：从一个文件夹导入很多模块
require.context函数的三个参数
1.directory {String} 读取文件路径  './svg'
2.useSubdirectories {boolean} 是否遍历文件子目录  false
3.regExp {RegExp} 匹配文件正则  /\.svg$/ 以./svg结尾的文件
返回值：(了解)
    function webpackContext(req){
        var id webpackContextResolve(req);
        return __webpack_require_(id);
    }*/
const req = require.context('./svg', false, /\.svg$/)

// 声明 requireContext变量值就是req
// requireContext.keys()方法名其实也是一个对象，也有属性可以访问
// 当打印requireContext.keys()时得到的是自动化导入的文件名字
// map(requireContext) 把每个要引入的文件名传入req中，进行webpack引入
const requireAll = requireContext => requireContext.keys().map(requireContext)
// 调用方法
requireAll(req)
